<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>国际机票</title>
    <meta name="description" id="DESC" content="">
    <meta name="keywords" id="KEYWORDS" content="">
    <link rel="stylesheet"
          href="http://pic.lvmama.com/min/index.php?f=/styles/v6/header_new.css,/styles/lv/calendar.css,/styles/lv/buttons.css,/styles/lv/icons.css,/styles/lv/tips.css,/styles/lv/ui.css,/styles/v5/modules/tip.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/search.css">
</head>
<body class="international-flight">
<div class="if-banner">

    <!--全副焦点图-->
    <div class="if-banner-focus-wrap">
        <div class="if-banner-focus">
            <ul class="if-bf-images" id="js_allyes_1">
                <li class="active">
                    <a target="_blank" href="#" title="">
                        <img to="http://pic.lvmama.com/img/flight/international/focus.jpg" alt="" width="1920" height="370">
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#" title="">
                        <img to="http://pic.lvmama.com/img/flight/international/focus.jpg" alt="" width="1920" height="370">
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#" title="">
                        <img to="http://pic.lvmama.com/img/flight/international/focus.jpg" alt="" width="1920" height="370">
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#" title="">
                        <img to="http://pic.lvmama.com/img/flight/international/focus.jpg" alt="" width="1920" height="370">
                    </a>
                </li>
            </ul>
            <ul class="if-bf-tabs"></ul>
        </div>
    </div>

    <!--居中-->
    <div class="if-banner-inner">
        <!--搜索 开始-->
        <div class="if-search">
            <form class="if-search-form">

                <div class="ifs-header clearfix">
                    <h3>国际<span>·</span>港澳台机票</h3>
                    <a target="_blank" href="#" class="ifs-pre-order">
                        <i></i>低价预约<b></b>
                    </a>
                </div>
                <div class="ifs-body">

                    <dl class="ifs-type clearfix">
                        <dt>航程类型</dt>
                        <dd class="nova-radio-group">
                            <label class="nova-radio-label">
                                <input class="JS_search_type" type="radio" name="SEARCH_TYPE" value="single">单程
                            </label>
                            <label class="nova-radio-label nova-checked">
                                <input class="JS_search_type" type="radio" name="SEARCH_TYPE" value="return" checked>往返
                            </label>
                            <label class="nova-radio-label">
                                <input class="JS_search_type" type="radio" name="SEARCH_TYPE" value="multiple">多程
                                <small class="JS_tip" tip-content="缺口程：特指不连续的两段或两段以上航程，如“上海-香港”+“澳门-纽约”。">（<u>含缺口</u>）
                                </small>
                            </label>
                        </dd>
                    </dl>

                    <!--单程 开始-->
                    <div class="ifs-single">
                        <dl class="ifs-bs-from clearfix">
                            <dt><label for="SEARCH_SINGLE_FORM">出发城市</label></dt>
                            <dd>
                                <input class="ifs-bs-input JS_search_city" id="SEARCH_SINGLE_FORM"
                                       data-flag="JS_search_city_start"
                                       name="SEARCH_SINGLE_FORM"
                                       placeholder="中文/拼音/英文"
                                       type="text">
                                <input class="JS_search_city_id" type="hidden" id="SEARCH_SINGLE_FORM_ID"
                                       name="SEARCH_SINGLE_FORM_ID">
                                <div class="ifs-bs-swap">换</div>
                                <i></i>
                            </dd>
                        </dl>
                        <dl class="ifs-bs-to clearfix">
                            <dt><label for="SEARCH_SINGLE_TO">到达城市</label></dt>
                            <dd>
                                <input class="ifs-bs-input JS_search_city" id="SEARCH_SINGLE_TO"
                                       data-flag="JS_search_city_dest"
                                       name="SEARCH_SINGLE_TO"
                                       placeholder="中文/拼音/英文"
                                       type="text">
                                <input class="JS_search_city_id" type="hidden" id="SEARCH_SINGLE_TO_ID"
                                       name="SEARCH_SINGLE_TO_ID">
                                <i></i>
                            </dd>
                        </dl>
                        <dl class="ifs-bs-from-date clearfix">
                            <dt><label for="SEARCH_SINGLE_FORM_DATE">出发日期</label></dt>
                            <dd>
                                <input class="ifs-bs-input JS_search_single_date"
                                       data-flag="JS_search_single_date_start"
                                       id="SEARCH_SINGLE_FORM_DATE"
                                       value="2017-04-25"
                                       placeholder="请选择"
                                       name="SEARCH_SINGLE_FORM_DATE" type="text" readonly>
                                <em>周二</em>
                                <i></i>
                            </dd>
                        </dl>
                        <dl class="ifs-bs-to-date clearfix">
                            <dt><label for="SEARCH_SINGLE_TO_DATE">返回日期</label></dt>
                            <dd>
                                <input class="ifs-bs-input JS_search_single_date"
                                       data-flag="JS_search_single_date_dest"
                                       id="SEARCH_SINGLE_TO_DATE"
                                       value="2017-04-25"
                                       placeholder=""
                                       name="SEARCH_SINGLE_TO_DATE" type="text" readonly>
                                <span class="ifs-bs-placeholder">请选择</span>
                                <em>周二</em>
                                <i></i>
                            </dd>
                        </dl>
                    </div>
                    <!--单程 结束-->

                    <!--多程 开始-->
                    <div class="ifs-multiple">

                        <div class="ifs-bm-items">

                            <div class="ifs-bm-item clearfix">
                                <div class="ifs-bm-index">1</div>

                                <label class="ifs-bm-from">
                                    <b>出发城市</b>
                                    <input class="ifs-bm-input JS_search_city JS_search_city_start"
                                           data-flag="JS_search_city_start" type="text"
                                           placeholder="中文/拼音/英文">
                                    <input class="JS_search_city_id" type="hidden">
                                    <i></i>
                                </label>
                                <label class="ifs-bm-to">
                                    <b>到达城市</b>
                                    <input class="ifs-bm-input JS_search_city JS_search_city_dest"
                                           data-flag="JS_search_city_dest" type="text"
                                           placeholder="中文/拼音/英文">
                                    <input class="JS_search_city_id" type="hidden">
                                    <i></i>
                                </label>
                                <label class="ifs-bm-from-date">
                                    <b>出发日期</b>
                                    <input class="ifs-bm-input JS_search_multiple_date"
                                           data-flag="JS_search_multiple_date"
                                           type="text" value="2017-04-25"
                                           placeholder="请选择"
                                           readonly>
                                    <em>周二</em>
                                    <i></i>
                                </label>
                            </div>
                            <div class="ifs-bm-item clearfix">
                                <div class="ifs-bm-index">2</div>

                                <label class="ifs-bm-from">
                                    <b>出发城市</b>
                                    <input class="ifs-bm-input JS_search_city JS_search_city_start"
                                           data-flag="JS_search_city_start" type="text"
                                           placeholder="中文/拼音/英文">
                                    <input class="JS_search_city_id" type="hidden">
                                    <i></i>
                                </label>
                                <label class="ifs-bm-to">
                                    <b>到达城市</b>
                                    <input class="ifs-bm-input JS_search_city JS_search_city_dest"
                                           data-flag="JS_search_city_dest" type="text"
                                           placeholder="中文/拼音/英文">
                                    <input class="JS_search_city_id" type="hidden">
                                    <i></i>
                                </label>
                                <label class="ifs-bm-from-date">
                                    <b>出发日期</b>
                                    <input class="ifs-bm-input JS_search_multiple_date"
                                           data-flag="JS_search_multiple_date"
                                           placeholder="请选择"
                                           type="text" value="" readonly>
                                    <em></em>
                                    <i></i>
                                </label>
                            </div>
                        </div>

                        <div class="ifs-bm-add-btn">
                            <i></i>
                            添加航程
                        </div>

                    </div>
                    <!--多程 结束-->

                    <div class="ifs-others clearfix">
                        <dl class="ifs-passenger-type clearfix">
                            <dt>乘客类型</dt>
                            <dd>
                                <div class="nova-select-label ifs-o-select-small">
                                    <label>

                                        <select class="search-others-adult">
                                            <option value="1">1成人</option>
                                            <option value="2">2成人</option>
                                            <option value="3">3成人</option>
                                            <option value="4">4成人</option>
                                            <option value="5">5成人</option>
                                            <option value="6">6成人</option>
                                            <option value="7">7成人</option>
                                            <option value="8">8成人</option>
                                            <option value="9">9成人</option>
                                        </select>
                                    </label>
                                </div>
                                <div class="nova-select-label ifs-o-select-small JS_tip_right" tip-content="儿童：2-12岁">
                                    <label>

                                        <select class="search-others-child">
                                            <option value="0">0儿童</option>
                                            <option value="1">1儿童</option>
                                            <option value="2">2儿童</option>
                                            <option value="3">3儿童</option>
                                            <option value="4">4儿童</option>
                                            <option value="5">5儿童</option>
                                            <option value="6">6儿童</option>
                                        </select>
                                    </label>
                                </div>
                            </dd>
                        </dl>
                        <div class="ifs-bo-error">
                            <div class="nova-tip nova-tip-warning">
                                <span class="nova-icon-xs nova-icon-warning"></span>
                                <span class="ifs-bo-text"></span>
                            </div>
                        </div>
                        <dl class="ifs-berths-level clearfix">
                            <dt>舱位等级</dt>
                            <dd>
                                <div class="nova-select-label ifs-o-select">
                                    <label>

                                        <select class="search-others-cabin">
                                            <option value="0">经济舱/超级经济舱</option>
                                            <option value="1">商务舱/头等舱</option>
                                        </select>
                                    </label>
                                </div>
                            </dd>
                        </dl>
                    </div>

                    <dl class="ifs-straight clearfix">
                        <dt></dt>
                        <dd>
                            <label class="nova-checkbox-label">
                                <input type="checkbox" name="SEARCH_STRAIGHT" readonly="readonly" value="YES">只看直飞
                            </label>
                        </dd>
                    </dl>

                    <div class="ifs-submit-box clearfix">
                        <a class="btn btn-pink btn-block btn-xl ifs-submit">搜索</a>
                    </div>

                </div>
                <div class="ifs-footer clearfix">
                    <div class="ifs-pic"></div>

                </div>

            </form>
        </div>
        <!--搜索 结束-->
    </div>

</div>

<div class="if-container clearfix">

    <div class="if-sidebar">
        <div class="if-tool">
            <h4>工具箱</h4>
            <div class="tool-box clearfix">
                <a href="" target="_blank"><i class="tool-order"></i><br>订单状态</a>
                <a href="" target="_blank"><i class="tool-ticket"></i><br>退票改签</a>
                <a href="" target="_blank"><i class="tool-seat"></i><br>网上选座</a>
            </div>
        </div>
        <div class="if-why">
            <h4>为什么选择驴妈妈？</h4>
            <a class="why-box" href="" target="_blank">
                <p class="clearfix">
                    <i class="why-service"></i>
                    <span><em>放心的价格</em>领先的服务标准  独创的保障体系</span>
                </p>
                <p class="clearfix">
                    <i class="why-price"></i>
                    <span><em>放心的价格</em>具竞争力的价格  全球优价智能引擎</span>
                </p>
            </a>
        </div>
        <div class="if-news">
            <h4>航空公告</h4>
            <ul class="news-box">
                <li>
                    <a href="" target="_blank">•  关于禁止携带危险品乘机的通知</a>
                </li>
                <li>
                    <a href="" target="_blank">•  驴妈妈互联网保险产品简介</a>
                </li>
                <li>
                    <a href="" target="_blank">•  四川航空新开程度直飞东京、大阪航线</a>
                </li>
                <li>
                    <a href="" target="_blank">•  四川航空新开程度直飞东京、大阪航线</a>
                </li>
                <li>
                    <a class="more-news" href="" target="_blank">更多航空公告<i>&gt;</i></a>
                </li>
            </ul>
        </div>
    </div>

    <div class="if-main">
        <div class="if-oneway">
            <h4>单程<span>·</span>特价航线</h4>
            <ul class="oneway-list clearfix">
                <li>
                    <a href="" target="_blank">
                        <img src="http://pic.lvmama.com/img/flight/international/bangkok.jpg" alt="" width="130" height="144">
                        <p class="oneway-overlay">曼谷<span class="price"><i>¥</i>132</span></p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="http://pic.lvmama.com/img/flight/international/hongkong.jpg" alt="" width="130" height="144">
                        <p class="oneway-overlay">香港<span class="price"><i>¥</i>132</span></p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="http://pic.lvmama.com/img/flight/international/taipei.jpg" alt="" width="130" height="144">
                        <p class="oneway-overlay">台北<span class="price"><i>¥</i>132</span></p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="http://pic.lvmama.com/img/flight/international/la.jpg" alt="" width="130" height="144">
                        <p class="oneway-overlay">洛杉矶<span class="price"><i>¥</i>132</span></p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="http://pic.lvmama.com/img/flight/international/tokyo.jpg" alt="" width="130" height="144">
                        <p class="oneway-overlay">东京<span class="price"><i>¥</i>132</span></p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="http://pic.lvmama.com/img/flight/international/paris.jpg" alt="" width="130" height="144">
                        <p class="oneway-overlay">巴黎<span class="price"><i>¥</i>132</span></p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="if-return">
            <h4>往返<span>·</span>特价航线</h4>
            <div class="return-box">
                <!--头部选择出发地目的地-->
                <div class="return-select clearfix">
                    <!-- data-id存放id用于请求对应数据，请自行填写 -->
                    <div class="return-depa">
                        <span class="depa-city">上海出发</span><i class="depa-icon"></i><i class="depa-arrow"></i>
                        <ul class="depa-list">
                            <li class="active" data-id="sh">上海</li>
                            <li data-id="bj">北京</li>
                            <li data-id="hz">杭州</li>
                            <li data-id="sz">深圳</li>
                        </ul>
                    </div>
                    <ul class="return-tab clearfix">
                        <li class="active" data-id="xg">香港</li>
                        <li data-id="dj">东京</li>
                        <li data-id="mg">曼谷</li>
                        <li data-id="ny">纽约</li>
                        <li data-id="lsj">洛杉矶</li>
                        <li data-id="se">首尔</li>
                    </ul>
                </div>
                <!--往返产品-->
                <div class="return-product clearfix" data-depa="sh" data-arrival="xg">
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<span class="transfer"><em>中转</em><i></i></span>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约纽约纽约">上海<i class="return-icon"></i>纽约纽约纽约纽约纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<i class="return-icon"></i>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12"></i>东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<i class="return-icon"></i>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<span class="transfer"><em>中转</em><i></i></span>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约纽约纽约">上海<i class="return-icon"></i>纽约纽约纽约纽约纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<i class="return-icon"></i>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<i class="return-icon"></i>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<span class="transfer"><em>中转</em><i></i></span>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约纽约纽约">上海<i class="return-icon"></i>纽约纽约纽约纽约纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<i class="return-icon"></i>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                    <a href="" target="_blank">
                        <p class="rp-city" title="上海往返纽约">上海<i class="return-icon"></i>纽约</p>
                        <span class="rp-date">6月10日去 6月17日回</span>
                        <span class="rp-airline"><img src="http://placehold.it/14x12/F5AFC9" width="14" height="12">东方航空</span>
                        <p class="rp-price-box">往返:<span class="rp-price"><i>¥</i><em>132</em>起</span></p>
                        <i class="left-circle"></i>
                        <i class="right-circle"></i>
                    </a>
                </div>
                <!--往返产品loading-->
                <div class="return-loading"></div>
            </div>
        </div>
    </div>

</div>

<div class="if-hot">
    <h4>热门航司，服务有保障</h4>
    <div class="hot-box">
        <div class="hot-tab clearfix">
            <a class="hot-prev-btn disabled" href="javascript:;"><i></i></a>
            <a class="hot-next-btn" href="javascript:;"><i></i></a>
            <div class="hot-tab-list">
                <ul class="clearfix">
                    <li class="active">
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/1.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/2.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/3.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/4.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/5.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/6.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/7.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/8.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/9.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/10.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/11.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/12.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/13.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/14.png" alt="" width="72" height="40">
                    </li>
                    <li>
                        <i></i>
                        <img src="http://pic.lvmama.com/img/flight/international/15.png" alt="" width="72" height="40">
                    </li>
                </ul>
            </div>
        </div>
        <!--热门航司详情-->
        <ul class="hot-content">
            <!--第一个显示-->
            <li class="clearfix" style="display: block">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/1b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空1</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/2b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空2</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/3b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/4b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/5b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/6b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/7b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/8b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/9b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/10b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/11b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/12b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/13b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/14b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
            <li class="clearfix">
                <div class="hot-logo">
                    <img src="http://pic.lvmama.com/img/flight/international/15b.png" alt="" width="144" height="80">
                </div>
                <div class="hot-desc">
                    <p class="hot-title">中国东方航空</p>
                    <p class="hot-detail">中国东方航空股份有限公司（China Eastern
                        Airlines）是一家总部位于中国上海的国有控股航空公司，在原中国东方航空集团公司的基础上，兼并中国西北航空公司，联合中国云南航空公司重组而成。是中国民航第一家在香港、纽约和上海三地上市的航空公司。</p>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="template">

    <div class="ifs-bm-item clearfix">
        <div class="ifs-bm-index">2</div>

        <label class="ifs-bm-from">
            <b>出发城市</b>
            <input class="ifs-bm-input JS_search_city JS_search_city_start"
                   data-flag="JS_search_city_start"
                   type="text" placeholder="中文/拼音/英文">
            <input class="JS_search_city_id" type="hidden">
            <i></i>
        </label>
        <label class="ifs-bm-to">
            <b>到达城市</b>
            <input class="ifs-bm-input JS_search_city JS_search_city_dest"
                   data-flag="JS_search_city_dest"
                   type="text" placeholder="中文/拼音/英文">
            <input class="JS_search_city_id" type="hidden">
            <i></i>
        </label>
        <label class="ifs-bm-from-date">
            <b>出发日期</b>
            <input class="ifs-bm-input JS_search_multiple_date"
                   data-flag="JS_search_multiple_date" type="text" value=""
                   placeholder="请选择"
                   readonly>
            <em></em>
            <i></i>
        </label>
        <div class="ifs-bm-close"><i></i></div>

    </div>

</div>

<div class="ifs-search-city">
    <p class="ifs-sc-title">支持中文/拼音/英文输入</p>

    <div class="ifs-sc-tabs clearfix">
        <div class="ifs-sc-tab active">国内热门<i></i></div>
        <div class="ifs-sc-tab">国际热门<i></i></div>
        <div class="ifs-sc-tab">亚洲<i></i></div>
        <div class="ifs-sc-tab">欧洲<i></i></div>
        <div class="ifs-sc-tab">美洲<i></i></div>
        <div class="ifs-sc-tab">大洋洲<i></i></div>
        <div class="ifs-sc-tab">非洲<i></i></div>
    </div>
    <div class="ifs-sc-panes">
        <div class="ifs-sc-pane active">

            <a data-city-id="1">上海</a>
            <a data-city-id="2">北京</a>
            <a data-city-id="1">成都</a>
            <a data-city-id="1">昆明</a>
            <a data-city-id="1">西安</a>
            <a data-city-id="1">深圳</a>
            <a data-city-id="1">重庆</a>
            <a data-city-id="1">杭州</a>
            <a data-city-id="1">厦门</a>
            <a data-city-id="1">乌鲁木齐</a>
            <a data-city-id="1">广州</a>
            <a data-city-id="1">海口</a>
            <a data-city-id="1">哈尔滨</a>
            <a data-city-id="1">南京</a>
            <a data-city-id="1">武汉</a>
            <a data-city-id="1">长沙</a>
            <a data-city-id="1">青岛</a>
            <a data-city-id="1">郑州</a>
            <a data-city-id="1">三亚</a>
            <a data-city-id="1">福州</a>
            <a data-city-id="1">贵阳</a>
            <a data-city-id="1">天津</a>
            <a data-city-id="1">南宁</a>
            <a data-city-id="1">沈阳</a>
            <a data-city-id="1">太原</a>
            <a data-city-id="1">大连</a>
            <a data-city-id="1">兰州</a>
            <a data-city-id="1">济南</a>
            <a data-city-id="1">长春</a>
            <a data-city-id="1">温州</a>
        </div>
        <div class="ifs-sc-pane">
            <a data-city-id="1">上海</a>
            <a data-city-id="1">北京</a>
            <a data-city-id="1">成都</a>
            <a data-city-id="1">昆明</a>
            <a data-city-id="1">西安</a>
            <a data-city-id="1">深圳</a>
            <a data-city-id="1">重庆</a>
            <a data-city-id="1">杭州</a>
            <a data-city-id="1">厦门</a>
            <a data-city-id="1">乌鲁木齐</a>
            <a data-city-id="1">广州</a>
            <a data-city-id="1">海口</a>
            <a data-city-id="1">哈尔滨</a>
            <a data-city-id="1">南京</a>
            <a data-city-id="1">武汉</a>
            <a data-city-id="1">长沙</a>
            <a data-city-id="1">青岛</a>
            <a data-city-id="1">郑州</a>
            <a data-city-id="1">三亚</a>
            <a data-city-id="1">福州</a>
            <a data-city-id="1">贵阳</a>
            <a data-city-id="1">天津</a>
            <a data-city-id="1">南宁</a>
            <a data-city-id="1">沈阳</a>
            <a data-city-id="1">太原</a>
            <a data-city-id="1">大连</a>
            <a data-city-id="1">兰州</a>
            <a data-city-id="1">济南</a>
            <a data-city-id="1">长春</a>
            <a data-city-id="1">温州</a>
        </div>
        <div class="ifs-sc-pane">
            <a data-city-id="1">上海</a>
        </div>
        <div class="ifs-sc-pane">
            <a data-city-id="1">上海</a>
        </div>
        <div class="ifs-sc-pane">
            <a data-city-id="1">上海</a>
        </div>
        <div class="ifs-sc-pane">
            <a data-city-id="1">上海</a>
        </div>
        <div class="ifs-sc-pane">
            <a data-city-id="1">上海</a>
        </div>
    </div>

    <div class="ifs-sc-close"><i></i></div>
</div>

<div class="ifs-search-auto">
    <div class="item item-city">
        <i></i>
        城市
    </div>
    <div class="item item-plane">
        <i></i>
        机场
    </div>
    <div class="item item-plane">
        <i></i>
        机场
    </div>
</div>

<script src="http://pic.lvmama.com/js/v6/public/footer.js"></script>

<script src="http://pic.lvmama.com/min/index.php?f=/js/new_v/jquery-1.7.2.min.js,/js/v6/header_new.js,/js/lv/calendar.js,/js/v5/modules/pandora-poptip.js,/js/lv/ui.js,js/json2.js,/js/common/losc.js"></script>

<script src="http://s3.lvjs.com.cn/js/v5/ibm/eluminate.js"></script>
<script src="http://s1.lvjs.com.cn/js/v5/ibm/coremetrics-initalize.js"></script>
<script src="js/index.js"></script>
<script src="js/search.js"></script>
<script>

    //TODO
    $(function () {

        //$(".JS_search_type[value=multiple]").click();

        var ui = nova.ui();
        ui.render();

        //搜索
        $(".ifs-submit").on("click", function () {

            //验证
            var ret = window.searchSingleton.searchSubmitValidate();

            console.log(ret);

            var data = $(".if-search-form").serialize();
            //console.log(data);

        });

        // 往返特价航线ajax请求
        flightIndex.getSaleList = function (depaId, arrivalId) {
            var $loading = $(".return-loading");
            $loading.show();
            // TODO 根据往返id请求对应数据
            setTimeout(function () {
                // 模拟1s加载时间，请去掉上面一行代码
                $.ajax({
                    url: "./sale-list-template.html",
                    data: {
                        depaId: depaId,
                        arrivalId: arrivalId
                    },
                    dataType: "html",
                    success: function (result) {
                        var $result = $(result);

                        // 模板中填好id后以下两行代码可删除
                        var $product = $result.filter(".return-product");
                        $product.attr("data-depa", depaId).attr("data-arrival", arrivalId)

                        $loading.hide();
                        $(".return-product").hide();
                        $(".return-box").append($result);
                    }
                });
                // 模拟1s加载时间，请去掉下面一行代码
            }, 1000);
        }

    });

</script>
</body>
</html>